<template>
  <a-button
    type="primary"
    :style="{
      height: buttonHeight ? buttonHeight + 'px' : '',
      width: buttonWidth ? buttonWidth + 'px' : '',
    }"
    :size="size"
    :disabled="disabled"
  >
    <Icon :icon="prefix" />
    {{ name }}
    <Icon :icon="suffix" />
  </a-button>
</template>

<script lang="ts" setup>
  import { Icon } from '/@/components/Icon';

  defineProps({
    name: String,
    size: String,
    buttonWidth: String,
    buttonHeight: String,
    prefix: String,
    suffix: String,
    disabled: Boolean,
  });
</script>

<style></style>
